import { BasicLayout, RouteView } from '@/layouts'
import { accountRouterMap, exceptionRouterMap } from '@/config/router.config'
import store from '@/store/index'
import {TOGGLE_CONTENT_WIDTH, TOGGLE_LAYOUT, TOGGLE_MULTI_TAB, TOGGLE_NAV_THEME} from "@/store/mutation-types";

// 前端未找到页面路由（固定不用改）
const notFoundRouter = {
  path: '*', redirect: '/404', hidden: true
}

/**
 * 动态生成菜单
 * @param token
 */
export const generatorDynamicRouter = (result) => {
  // 根级菜单
  const rootRouter = {
    path: '/',
    name: 'index',
    component: BasicLayout,
    redirect: '/dashboard',
    meta: {
      title: '首页'
    },
    children: []
  }
  const routers = generator(result.menu)
	rootRouter.children = [...routers, ...exceptionRouterMap, accountRouterMap]
	rootRouter.redirect = routers[0].path
	return [rootRouter, notFoundRouter];
}

/**
 * 格式化树形结构数据 生成 vue-router 层级路由表
 *
 * @param routerMap
 * @param parent
 * @returns {*}
 */
export const generator = (routerMap, parent) => {
  return routerMap.map(item => {
    const currentRouter = {
      // 如果路由设置了 path，则作为默认 path，否则 路由地址 动态拼接生成如 /dashboard/workplace
      path: item.tag.startsWith('http') ? item.tag : `${parent && parent.path ? '/' + parent.path : ''}/${item.tag}`,
      // 路由名称，建议唯一
      name: item.tag.toUpperCase(),
      component: item.children && item.children.some(e => e.type === "1") ? RouteView : () => import(`@/views/platform/${item.tag}/index.vue`),
      // meta: 页面标题, 菜单图标, 页面权限(供指令权限用，可去掉)
      meta: {
        title: item.name,
        icon: item.icon || undefined,
        type: item.type,
        permission: []
      }
    }
    // 是否设置了隐藏菜单
    if (item.status === "1") {
      currentRouter.hidden = true
    }
    // 为了防止出现后端返回结果不规范，处理有可能出现拼接出两个 反斜杠
    if (!currentRouter.path.startsWith('http')) {
      currentRouter.path = currentRouter.path.replace('//', '/')
    }
    // 是否有子菜单，并递归处理
    if (item.children && item.children.length > 0) {
      if (item.type === '1' && item.children.some(e => e.type === '2')) {
        currentRouter.meta.permission = generator(item.children, currentRouter)
      } else {
        const dirMenuIndex = item.children.findIndex(e => e.type === "1")
        if (dirMenuIndex > -1){
          // 重定向
          currentRouter.redirect = `/${item.tag}/${item.children[dirMenuIndex].tag}`;
        }
        // Recursion
        currentRouter.children = generator(item.children, currentRouter)
      }
    }
    return currentRouter
  })
}

/**
 * 数组转树形结构
 * @param list 源数组
 * @param tree 树
 * @param parentId 父ID
 */
const listToTree = (list, tree, parentId) => {
  list.forEach(item => {
    // 判断是否为父级菜单
    if (item.parentId === parentId) {
      const child = {
        ...item,
        key: item.key || item.name,
        children: []
      }
      // 迭代 list， 找到当前菜单相符合的所有子菜单
      listToTree(list, child.children, item.id)
      // 删掉不存在 children 值的属性
      if (child.children.length <= 0) {
        delete child.children
      }
      // 加入到树中
      tree.push(child)
    }
  })
}
